<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>联合金控数据平台</title>
    <!-- Bootstrap Styles-->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- FontAwesome Styles-->
    <link href="assets/css/iconfont.css" rel="stylesheet">
    <!-- Morris Chart Styles-->
    <!-- Custom Styles-->
    <link href="assets/css/custom.css" rel="stylesheet">
    <link href="assets/css/index.css" rel="stylesheet">
</head>

<body>
    <div id="wrapper">
        <nav class="navbar navbar-default top-navbar" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">联合金控数据平台</a>
            </div>
            <ul class="nav navbar-top-links navbar-right">
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                        <i class="iconfont icon-person"></i>
                        <i class="iconfont icon-triangle"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        <li>
                            <a href="#">
                                <i class="iconfont icon-person"></i>User Profile</a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="iconfont icon-set"></i> Settings</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <i class="iconfont icon-checkout"></i> Logout</a>
                        </li>
                    </ul>
                    <!-- /.dropdown-user -->
                </li>
                <!-- /.dropdown -->
            </ul>
        </nav>
        <!--/. NAV TOP  -->
        <nav class="navbar-default navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
                    <li>
                        <a href="index.html">
                            <i class="iconfont icon-datas"></i> 债权总览</a>
                    </li>
                    <li>
                        <a href="assets.html" class="active-menu">
                            <i class="iconfont icon-house-key"></i> 资产类目</a>
                    </li>
                </ul>
            </div>
        </nav>
        <!-- /. NAV SIDE  -->
        <div id="page-wrapper">
            <div id="page-inner">
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="page-header">
                            资产
                            <small>资产信息表</small>
                        </h1>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                资产分布
                            </div>
                            <div class="panel-body" style="background: #e9f4ff">
                                <div id="main_s" style="width: 1300px;height:700px;margin: 0  auto"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                资产信息列表
                            </div>
                            <div class="panel-body">
                                <div class="table-responsive">
                                    <table class="table table-striped table-bordered table-hover" id="dataTable-claims">
                                        <thead>
                                            <tr>
                                                <th>类型</th>
                                                <th>所在省</th>
                                                <th>所在市</th>
                                                <th>所在区县</th>
                                                <th>街道详细地址</th>
                                                <th>产权证号</th>
                                                <th>土地面积</th>
                                                <th>土地评估价值</th>
                                                <th>建筑面积</th>
                                                <th>建面评估价值</th>
                                                <th>是否保全</th>
                                            </tr>
                                        </thead>
                                        <tbody id="claims_list_content">
                                            <tr>
                                                <td>{{value.UPDATE_TIME}}</td>
                                                <td>{{value.TYPES_OF}}</td>
                                                <td>{{value.BUSINESS_TYPES}}</td>
                                                <td>{{value.PRINCIPAL}}</td>
                                                <td>{{value.INTEREST}}</td>
                                                <td>{{value.LUMP_SUM}}</td>
                                                <td>{{value.OVERDUE_DATE}}</td>
                                                <td>{{value.GUARANTEE_METHOD}}</td>
                                                <td>{{value.BUSINESS_ORGANIZATION}}</td>
                                                <td>{{value.OVERDUE_DATES}}</td>
                                                <td>{{value.GUARANTEE_METHODS}}</td>
                                            </tr>
                                        </tbody>
                                        <script id="claims_list" type="text/html">
                                            {{each list value i}}
                                            <tr>
                                                <td>{{value.UPDATE_TIME}}</td>
                                                <td>{{value.TYPES_OF}}</td>
                                                <td>{{value.BUSINESS_TYPES}}</td>
                                                <td>{{value.PRINCIPAL}}</td>
                                                <td>{{value.INTEREST}}</td>
                                                <td>{{value.LUMP_SUM}}</td>
                                                <td>{{value.OVERDUE_DATE}}</td>
                                                <td>{{value.GUARANTEE_METHOD}}</td>
                                                <td>{{value.BUSINESS_ORGANIZATION}}</td>
                                                <td>{{value.OVERDUE_DATES}}</td>
                                                <td>{{value.GUARANTEE_METHODS}}</td>
                                            </tr>
                                            {{/each}}
                                        </script>
                                    </table>
                                </div>
                            </div>
                            <div class="page">
                                <button type="button" min="1" id="gotopages" class="btn btn-primary right">确定</button>
                                <input type="text" id="input-pages" class="form-control right" placeholder="跳转至">
                                <nav aria-label="Page navigation" class="right">
                                    <ul class="pagination" id="pagination">
                                    </ul>
                                </nav>
                                <div class="page-select col-md-2 col-sm-2 col-xs-2 right">
                                    <select class="form-control" id="page-select">
                                            <option value="10">10条/页</option>
                                            <option value="20">20条/页</option>
                                            <option value="50">50条/页</option>
                                            <option value="100">100条/页</option>
                                        </select>
                                </div>
                                <span class="page-total right" id="pageTotal"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /. ROW  -->
                <footer>
                    <p>Copyright &copy; Union Financial Management Co., Ltd.
                    </p>
                </footer>
            </div>
            <!-- /. PAGE INNER  -->
        </div>
        <!-- /. PAGE WRAPPER  -->
    </div>
    <!-- /. WRAPPER  -->
    <!-- JS Scripts-->
    <!-- jQuery Js -->
    <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <!-- Bootstrap Js -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- Metis Menu Js -->
    <!-- 引入echarts cdn -->
    <script src="https://cdn.bootcss.com/echarts/4.1.0.rc2/echarts.min.js"></script>
    <script src="assets/js/template-web.js"></script>
    <!-- Custom Js -->
    <script src="https://cdn.bootcss.com/Mock.js/1.0.1-beta3/mock-min.js"></script>
    <script type="text/javascript" src="assets/js//mock/mock.js"></script>

    <script src="assets/js/customs/assets_data.js"></script>
    <script>
    </script>
</body>
<script>
    $(function() {
        var data = {
            list: [{
                UPDATE_TIME: "住宅",
                TYPES_OF: "广东",
                BUSINESS_TYPES: "佛山市",
                PRINCIPAL: '大水市',
                INTEREST: '三街',
                LUMP_SUM: 25025,
                OVERDUE_DATE: "169",
                GUARANTEE_METHOD: "200",
                BUSINESS_ORGANIZATION: "155",
                OVERDUE_DATES: "188",
                GUARANTEE_METHODS: "否",
            }, {
                UPDATE_TIME: "住宅",
                TYPES_OF: "广东",
                BUSINESS_TYPES: "佛山市",
                PRINCIPAL: '大水市',
                INTEREST: '三街',
                LUMP_SUM: 25025,
                OVERDUE_DATE: "169",
                GUARANTEE_METHOD: "200",
                BUSINESS_ORGANIZATION: "155",
                OVERDUE_DATES: "188",
                GUARANTEE_METHODS: "否",
            }, {
                UPDATE_TIME: "住宅",
                TYPES_OF: "广东",
                BUSINESS_TYPES: "佛山市",
                PRINCIPAL: '大水市',
                INTEREST: '三街',
                LUMP_SUM: 25025,
                OVERDUE_DATE: "169",
                GUARANTEE_METHOD: "200",
                BUSINESS_ORGANIZATION: "155",
                OVERDUE_DATES: "188",
                GUARANTEE_METHODS: "否",
            }, {
                UPDATE_TIME: "住宅",
                TYPES_OF: "广东",
                BUSINESS_TYPES: "佛山市",
                PRINCIPAL: '大水市',
                INTEREST: '三街',
                LUMP_SUM: 25025,
                OVERDUE_DATE: "169",
                GUARANTEE_METHOD: "200",
                BUSINESS_ORGANIZATION: "155",
                OVERDUE_DATES: "188",
                GUARANTEE_METHODS: "否",
            }, {
                UPDATE_TIME: "住宅",
                TYPES_OF: "广东",
                BUSINESS_TYPES: "佛山市",
                PRINCIPAL: '大水市',
                INTEREST: '三街',
                LUMP_SUM: 25025,
                OVERDUE_DATE: "169",
                GUARANTEE_METHOD: "200",
                BUSINESS_ORGANIZATION: "155",
                OVERDUE_DATES: "188",
                GUARANTEE_METHODS: "否",
            }, {
                UPDATE_TIME: "住宅",
                TYPES_OF: "广东",
                BUSINESS_TYPES: "佛山市",
                PRINCIPAL: '大水市',
                INTEREST: '三街',
                LUMP_SUM: 25025,
                OVERDUE_DATE: "169",
                GUARANTEE_METHOD: "200",
                BUSINESS_ORGANIZATION: "155",
                OVERDUE_DATES: "188",
                GUARANTEE_METHODS: "否",
            }, {
                UPDATE_TIME: "住宅",
                TYPES_OF: "广东",
                BUSINESS_TYPES: "佛山市",
                PRINCIPAL: '大水市',
                INTEREST: '三街',
                LUMP_SUM: 25025,
                OVERDUE_DATE: "169",
                GUARANTEE_METHOD: "200",
                BUSINESS_ORGANIZATION: "155",
                OVERDUE_DATES: "188",
                GUARANTEE_METHODS: "否",
            }, {
                UPDATE_TIME: "住宅",
                TYPES_OF: "广东",
                BUSINESS_TYPES: "佛山市",
                PRINCIPAL: '大水市',
                INTEREST: '三街',
                LUMP_SUM: 25025,
                OVERDUE_DATE: "169",
                GUARANTEE_METHOD: "200",
                BUSINESS_ORGANIZATION: "155",
                OVERDUE_DATES: "188",
                GUARANTEE_METHODS: "否",
            }, {
                UPDATE_TIME: "住宅",
                TYPES_OF: "广东",
                BUSINESS_TYPES: "佛山市",
                PRINCIPAL: '大水市',
                INTEREST: '三街',
                LUMP_SUM: 25025,
                OVERDUE_DATE: "169",
                GUARANTEE_METHOD: "200",
                BUSINESS_ORGANIZATION: "155",
                OVERDUE_DATES: "188",
                GUARANTEE_METHODS: "否",
            }, {
                UPDATE_TIME: "住宅",
                TYPES_OF: "广东",
                BUSINESS_TYPES: "佛山市",
                PRINCIPAL: '大水市',
                INTEREST: '三街',
                LUMP_SUM: 25025,
                OVERDUE_DATE: "169",
                GUARANTEE_METHOD: "200",
                BUSINESS_ORGANIZATION: "155",
                OVERDUE_DATES: "188",
                GUARANTEE_METHODS: "否",
            }, {
                UPDATE_TIME: "住宅",
                TYPES_OF: "广东",
                BUSINESS_TYPES: "佛山市",
                PRINCIPAL: '大水市',
                INTEREST: '三街',
                LUMP_SUM: 25025,
                OVERDUE_DATE: "169",
                GUARANTEE_METHOD: "200",
                BUSINESS_ORGANIZATION: "155",
                OVERDUE_DATES: "188",
                GUARANTEE_METHODS: "否",
            }, {
                UPDATE_TIME: "住宅",
                TYPES_OF: "广东",
                BUSINESS_TYPES: "佛山市",
                PRINCIPAL: '大水市',
                INTEREST: '三街',
                LUMP_SUM: 25025,
                OVERDUE_DATE: "169",
                GUARANTEE_METHOD: "200",
                BUSINESS_ORGANIZATION: "155",
                OVERDUE_DATES: "188",
                GUARANTEE_METHODS: "否",
            }, {
                UPDATE_TIME: "住宅",
                TYPES_OF: "广东",
                BUSINESS_TYPES: "佛山市",
                PRINCIPAL: '大水市',
                INTEREST: '三街',
                LUMP_SUM: 25025,
                OVERDUE_DATE: "169",
                GUARANTEE_METHOD: "200",
                BUSINESS_ORGANIZATION: "155",
                OVERDUE_DATES: "188",
                GUARANTEE_METHODS: "否",
            }, {
                UPDATE_TIME: "住宅",
                TYPES_OF: "广东",
                BUSINESS_TYPES: "佛山市",
                PRINCIPAL: '大水市',
                INTEREST: '三街',
                LUMP_SUM: 25025,
                OVERDUE_DATE: "169",
                GUARANTEE_METHOD: "200",
                BUSINESS_ORGANIZATION: "155",
                OVERDUE_DATES: "188",
                GUARANTEE_METHODS: "否",
            }, {
                UPDATE_TIME: "住宅",
                TYPES_OF: "广东",
                BUSINESS_TYPES: "佛山市",
                PRINCIPAL: '大水市',
                INTEREST: '三街',
                LUMP_SUM: 25025,
                OVERDUE_DATE: "169",
                GUARANTEE_METHOD: "200",
                BUSINESS_ORGANIZATION: "155",
                OVERDUE_DATES: "188",
                GUARANTEE_METHODS: "否",
            }, ]
        }
        let html = template('claims_list', data);
        // $("#claims_list_content").html(html)
        //$('#dataTable-claims').dataTable();
    })
</script>

</html>